<%@ page language="java" contentType="text/html; charset=UTF-8" %>
<!DOCTYPE html>
<html>
    <head>
    	<meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link href="css/bootstrap.min.css" rel="stylesheet" media="screen" type="text/css" />
        <link href="css/top-menu.css" rel="stylesheet" media="screen" type="text/css" />
        <link href="css/catx-index.css?version=1.0.4" rel="stylesheet" media="screen" type="text/css" />
        <script src="js/jquery.js"></script>
        <script src="js/bootstrap.min.js"></script>
        <script src="js/top-menu.js"></script>
        <script src="js/catx-index.js"></script>
    	<title>主页 - 宠爱同行</title>
    </head>

    <body>
    	<%
            request.setCharacterEncoding("UTF-8");
            String username = request.getParameter("username");
            String password = request.getParameter("password");
            if (username != null) {
				session.setAttribute("username",  username);
            } else {
            	username = (String)session.getAttribute("username");
            }
        %>
        <div class="top-menu">
            <a class="menu-title" href="index.jsp">宠爱同行</a>
            <div class="item">
                <ul><li>
                    <a class="menu-item menu-text item-state-white" href="shelters.jsp">流浪动物基地</a>
                    <div class="dropdown dropdown-state-black">
                        <ul><li>
                            <a class="menu-text item-state-white" href="shelters.jsp">基地介绍</a>
                        </li><li>
                    		<a class="menu-text item-state-black" href="animals.jsp">动物介绍</a>
                		</li><li>
                            <a class="menu-text item-state-white" href="adopt.jsp">领养窗口</a>
                        </li><li>
                            <a class="menu-text item-state-white" href="adopt.jsp">云养</a>
                        </li></ul>
                    </div>
                </li><li>
                    <a class="menu-item menu-text item-state-white" href="volunteer.jsp">志愿者中心</a>
                    <div class="dropdown dropdown-state-black">
                        <ul><li>
                            <a class="menu-text item-state-white" href="http://lxi.me/bsi1m">加入志愿者</a>
                        </li><li>
                            <a class="menu-text item-state-white" href="volunteer.jsp">志愿者活动</a>
                        </li></ul>
                    </div>
                </li><li>
                    <a class="menu-item menu-text item-state-white" href="news.jsp">动态资讯</a>
                    <div class="dropdown dropdown-state-black">
                        <ul><li>
                            <a class="menu-text item-state-white" href="news.jsp">新闻公告</a>
                        </li><li>
                            <a class="menu-text item-state-white" href="event.jsp">活动资讯</a>
                        </li></ul>
                    </div>
                </li><li>
            		<a class="menu-item menu-text item-state-black" href="about-us.jsp">关于我们</a>
        		</li><li>
                    <a class="menu-text item-state-white" href="login.jsp"><img class="img-user" src="img/user-white.png" height="25px"/>
                    <%
						if (username != null){
							out.print(username);
						} else {
							out.print("登陆/注册");
						}
					%>
                    </a>
                </li></ul>
            </div>
        </div>
        <div class="background-banner">
        </div>
        <div class="index-content">
            <div id="part-1">
                <a href="http://lxi.me/0seed"><button type="button" class="btn btn-danger">捐助 DONATE</button></a>
                <a href="http://lxi.me/bsi1m"><button type="button" class="btn btn-primary">加入志愿者 VOLUNTEER</button></a>
                <a href="adopt.jsp"><button type="button" class="btn btn-success">领养 ADOPT</button></a>
            </div>
            <div id="part-2">
                "它们来到世上，尝尽了辛苦。但值得庆幸的是，它们拥有两次生命，一次是出生，一次是遇到你。"
            </div>
            <div id="part-3">
                <div class="part-title">
                    热点活动
                </div>
                <div class="news-content">
                    <div class="news">
						<img src="img/test.jpg" class="news-img" />
						<div class="news-title">活动1 - 领养活动</div>
                    </div>
                    <div class="news">
						<img src="img/test.jpg" class="news-img" />
						<div class="news-title">活动2</div>
                    </div>
                    <div class="news">
						<img src="img/test.jpg" class="news-img" />
						<div class="news-title">活动3</div>
                    </div>
                </div>
                <a href="volunteer.jsp"><button type="button" class="btn btn-primary newspage-button">查看更多内容</button></a>
            </div>
            <div id="part-4">
				<jsp:include page="scroll-bar.jsp" />
            </div>
            <div id="part-bottom">
                <div class="copyright">Copyright©2019 宠爱同行 All Rights Reserved</div>
            </div>
        </div>
    </body>
</html>
